<template>
  <div>
    <h1>登入界面</h1>
    账号<input v-model="username"></input>
    密码<input v-model="password" type="password"></input><button @click="login">搜索</button>
  </div>
</template>

<script>  
export default {  
  data() {  
    return {  
      username: '',  
      password: ''  
    };  
  },  
  methods: {  
    login() {  
      // 这里是模拟的登录逻辑，您应该发送请求到服务器验证用户名和密码  
      // 假设用户名和密码都是 'admin'  
      if (this.username === 'zhoujunhao' && this.password === '123456') {  
        // 假设验证通过后，我们设置一个 token 到 localStorage  
        localStorage.setItem('token', 'valid-token');  
        // 然后重定向到 StudentSystem 页面  
        this.$router.push({ name: 'StudentSystem' });  
      } else {  
        alert('用户名或密码错误！');  
      }  
    }  
  }  
};  
</script>  
  
<style scoped>  
/* 这里是您的样式代码 */  
</style>